<h3>描述</h3>
<h4>tiScroll指令。</h4>
<p>
  在有局部滚动条的容器中使用select，为了防止下拉框在容器滚动时与选择框分离，开发者需要在对应的容器上添加tiScroll指令，使下拉框在容器滚动时消失。<br />
  也可以自己监听滚动元素的scroll事件，在回调中触发document下的tiScroll事件，使得容器元素滚动时面板收起
</p>
<h3>导入</h3>
<span>import {{ '{' }} TiScrollModule {{ '}' }} from '@opentiny/ng';</span>
<h3>示例</h3>
<div style="display: flex; justify-content: space-between">
  <div>
    <h4>1.没有使用tiScroll</h4>
    <div style="height: 200px; width: 300px; overflow: auto; border: 1px solid black">
      <ti-select style="width: 120px" [options]="myOptions" [(ngModel)]="mySelected" placeholder="请选择国家" id="myselect"> </ti-select
      ><br /><br />
      <p>红豆生南国</p>
      <p>春来发几枝</p>
      <p>愿君多采撷</p>
      <p>此物最相思</p>
      <p>红豆生南国</p>
      <p>春来发几枝</p>
      <p>愿君多采撷</p>
      <p>此物最相思</p>
    </div>
  </div>
  <div>
    <h4>2.使用tiScroll指令</h4>
    <div tiScroll style="height: 200px; width: 300px; overflow: auto; border: 1px solid black">
      <ti-select style="width: 120px" [options]="myOptions" [(ngModel)]="mySelected" placeholder="请选择国家" id="myselect"> </ti-select>
      <br /><br />
      <p>红豆生南国</p>
      <p>春来发几枝</p>
      <p>愿君多采撷</p>
      <p>此物最相思</p>
      <p>红豆生南国</p>
      <p>春来发几枝</p>
      <p>愿君多采撷</p>
      <p>此物最相思</p>
    </div>
  </div>
  <div>
    <h4>3.手动触发tiScroll</h4>
    <div #container style="height: 200px; width: 300px; overflow: auto; border: 1px solid black">
      <ti-select style="width: 120px" [options]="myOptions" [(ngModel)]="mySelected" placeholder="请选择国家" id="myselect"> </ti-select>
      <br /><br />
      <p>红豆生南国</p>
      <p>春来发几枝</p>
      <p>愿君多采撷</p>
      <p>此物最相思</p>
      <p>红豆生南国</p>
      <p>春来发几枝</p>
      <p>愿君多采撷</p>
      <p>此物最相思</p>
    </div>
  </div>
</div>
